<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>Facelets Template</title>
    </h:head>

    <h:body>

       

        <div id="content" class="center_content">
            <ui:insert name="content">
           <h:form>
            <p:dataTable id="datatable" var="integrante" 
                         emptyMessage="No hay ninguna llamada realizada" value="#{cdrBean.llamadassalientes}"
                         paginator="true" rows="10"  paginatorPosition="bottom"
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                 rowsPerPageTemplate="5,10,15">
                 
                <p:column headerText="Destino"  >  
                    <h:outputText value="#{integrante.dst}" />  
                </p:column>  

                <p:column headerText="Fecha" >  
                    <h:outputText value="#{integrante.answer}" >
                    <f:convertDateTime type="date" pattern="dd-mm-yyyy"   />
                    </h:outputText>  
                </p:column>
                <p:column headerText="Hora" >  
                    <h:outputText value="#{integrante.answer}" >
                    <f:convertDateTime type="date" pattern="hh:mm:ss" timeZone="America/Lima"  />
                    </h:outputText>  
                </p:column>
                <p:column headerText="Tiempo">  
                    <h:outputText value="#{cdrBean.converTime(integrante.billsec)}" />  
                </p:column>  
                <p:column headerText="Costo ">  
                    <h:outputText value="#{integrante.costo}" />  
                </p:column>
                
                <p:column headerText="Saldo" style="text-align: right;">  
                    <h:outputText value="#{cdrBean.convertDouble(integrante.montoRestante)}"  />  
                </p:column> 
            </p:dataTable> 
        </h:form>
            </ui:insert>
        </div>

    </h:body>

</html>
